<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AR体验馆-公司简介</title>
  <style type="text/css">
  *{ padding:0; margin:0;}
   .layer1{}
	    .layer1-1{ height:50px; width:60%; color:#FFF; font-size:35px; font-family:youyuan; text-align:center; line-height:50px; background-color:#0F0F0F;  position:absolute; top:0; filter:alpha(opacity:30); opacity:0.6 ; float:left;}
		
    .a:link{ text-decoration: none;}
	.a:visited{ text-decoration: none; color:#FFF}


    #navigation{ color:#CCC;
	  
	  width:40%;
	height:50px;
	font-size:0.7em;
	text-align:center; 
	float:left;
	position:absolute; top:0; left:60%;
	filter:alpha(opacity:30); opacity:0.6 ;
}
	
	#navigation a{
	height:50px;
	width:25%;
	float:left;
	
	line-height:50px;
	color:#FFFFFF;
	background:#0F0F0F;
	
	text-decoration:none;
			
	
 }
    #navigation  a:hover{					
	background-color:#222;			
	color:#EB6F50;						
	border-bottom:3px solid #EA6346;
  }


		.layer2{
	height: 450px;
	width: 100;
	text-align: center;
	line-height: 400px;
	clear: both;
	font-family: youyuan;
	font-size: 40px;
	background-image: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1513955685237&di=595e683a02287766296b286c2a773e59&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F010f7a58100a87a84a0d304f85f185.jpg);
	background-position: center center;
}
		
		.layer2-1{ position:absolute;top:50%;left:44%;}
		
		
		.layer3{ height:auto; width:70%; line-height:60px; font-size:15px; background-color:#FFF; color:#666; padding:70px 0;}
		
		
           #zt{ text-align:left; text-indent:2em; margin:0 auto;}
           #bt{ font-size:26px; font-family:youyuan;}
		   
		   
        .layer4{
	height: 90px;
	width: 100%;
	background-color: #131313;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
	
    #db{ font-family:heiti; font-size:12px; color:#FFF; text-align:center; line-height:50px; font-weight:inherit;}
    #db a{ font-family:heiti; font-size:12px; color:#FFF; text-align:center; text-decoration:none;}
	#db a:hover{color:#CCC; text-decoration:none;}
  #zd{ font-family:heiti; font-size:12px; color:#FFF; text-align:center;  font-weight:inherit;line-height:10px;}
  
  
  
  
  
  </style>
</head>

<body>
     <div class="layer1">
        <div class="layer1-1">AR体验馆
     </div>


<div id="navigation">
	<a class="a" href="#">关于AR</a>
	<a class="a" href="#">主要产品</a>
	<a class="a" href="#">开放平台</a>
	<a class="a" href="#">联系我们</a>
</div>


     </div>
     <div class="layer2">公司简介</div>
     <div class="layer2-1"><a href="#gy"><img src="http://imglf6.nosdn.127.net/img/ZXh0alZZV29TL042R2JXUm1QOWJLVmRpeE9xSnRQOENMQ3lST25nbDlYM25FRlVZTDJWYVN3PT0.png?=imageView&thumbnail=500x0&quality=96&stripmeta=0&type=jpg%7Cwatermark&type=2" alt="gy" width="200"></a>
</div>
     <div class="layer3" id="zt">
     <p id="bt"><a name="gy">关于AR</a></p>
     <p>视+AR创立于2012年，是全球领先的AR开放平台
公司立足于上海，面向全球。目前公司业务遍布全球多个国家和地区，产品在中国市场占有率超过60%。</p>
   <p id="bt">AR开放平台</p>
   <p>视+AR提供全新的AR技术和服务，致力于推动AR创新应用。视+AR和支付宝、招商银行、汽车之家、小米、肯德基、联合利华等国内外众多知名企业保持长期合作关系。</p>
<p id="bt">我们的业务</p>
<p>作为国内AR行业的技术领导者，视+致力于帮助更多的公司及团队实现商业价值。</p>

     </div>
     <div class="layer4" id="db">
       <a href="#">联系我们&nbsp;&nbsp;&nbsp;</a>|&nbsp;&nbsp;&nbsp;<a href="#">友情链接</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#">QQ群</a>
       <p id="zd">Copyright © 2012 - 2017 AR体验馆（上海）有限公司. All rights reserved. 沪ICP备12345678号</p>
   </div>
     
</body>
</html>
